<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                template="./layout/layout_sse.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://xmlns.jcp.org/jsf/core">

    <ui:define name="bottom">
    </ui:define>

    <ui:define name="content">


        <p:tabView>
            <p:tab title="Registro">

                <h:form >
                    <p:growl id="growl" sticky="true" showDetail="true" life="1000"/>
                    <p:wizard nextLabel="Siguiente" backLabel="Anterior" style="margin-left:auto; margin-right:auto;width: 500px">
                        <p:tab title="Empresa">
                            <p:panel header="Datos de Empresa" >
                                <h:panelGrid columns="2" styleClass="panelGridCenter">
                                    <p:outputLabel value="Nombre Comercial: *" />
                                    <p:inputText onkeyup="this.value = this.value.toUpperCase();"  value="#{registrarRepresentante.empresa.dnmEmp}" required="true"/>

                                    <p:outputLabel value="Razon social: *" />
                                    <p:inputText  onkeyup="this.value = this.value.toUpperCase();" value="#{registrarRepresentante.empresa.drazsocEmp}" required="true"/>

                                    <p:outputLabel value="RUC: *" />
                                    <p:inputText value="#{registrarRepresentante.empresa.drucEmp}" required="true"/>

                                    <p:outputLabel value="Rubro: *" />                            
                                    <p:selectOneMenu value="#{registrarRepresentante.empresa.drbEmp}">                                        
                                        <f:selectItem itemLabel="--Seleccionar uno--" itemValue="" />
                                        <f:selectItems value="#{registrarRepresentante.siRubro}" />
                                    </p:selectOneMenu>

                                    <p:outputLabel value="Direccion: *" />
                                    <p:inputText onkeyup="this.value = this.value.toUpperCase();"  value="#{registrarRepresentante.empresa.ddirEmp}" required="true"/>

                                    <p:outputLabel value="Pagina web:" />
                                    <p:inputText value="#{registrarRepresentante.empresa.dwebEmp}" required="fale"/>

                                    <p:outputLabel value="Telefono: " />
                                    <p:inputText value="#{registrarRepresentante.empresa.dtfnoEmp}" required="false"/>

                                    <p:outputLabel value="Email: " />
                                    <p:inputText value="#{registrarRepresentante.empresa.demailEmp}" required="false"/>

                                </h:panelGrid>
                            </p:panel>
                        </p:tab>

                        <p:tab title="Representante">
                            <p:panel header="Datos de Representante">
                                <h:panelGrid columns="2" styleClass="panelGridCenter">
                                    <p:outputLabel value="Nombres: *" />
                                    <p:inputText onkeyup="this.value = this.value.toUpperCase();"  value="#{registrarRepresentante.representante.dnmRepemp}" required="true"/>

                                    <p:outputLabel value="Apellidos: *" />
                                    <p:inputText onkeyup="this.value = this.value.toUpperCase();"  value="#{registrarRepresentante.representante.dappRepemp}" required="true"/>

                                    <p:outputLabel value="DNI: *" />
                                    <p:inputText value="#{registrarRepresentante.representante.ddniRepemp}" required="true"/>

                                    <p:outputLabel value="Email: " />
                                    <p:inputText value="#{registrarRepresentante.representante.demailRepemp}" required="false" />
                                </h:panelGrid>
                            </p:panel>
                        </p:tab>

                        <p:tab title="Usuario">
                            <p:panel header="Datos de acceso">
                                <h:panelGrid columns="2" styleClass="panelGridCenter">
                                    <p:outputLabel value="usuario: *" />
                                    <p:inputText value="#{registrarRepresentante.representante.dnmUsua}" required="true"/>

                                    <p:outputLabel value="contraseña: *" />
                                    <p:password value="#{registrarRepresentante.representante.dcntUsua}" required="true"/>
                                </h:panelGrid>
                                <f:facet name="footer">
                                    <p:commandButton value="Registrar" action="#{registrarRepresentante.registrarNuevaEmpresa}" update="growl" />
                                </f:facet>
                            </p:panel>
                        </p:tab>
                    </p:wizard>
                </h:form>
            </p:tab>
        </p:tabView>
    </ui:define>

    <ui:define name="right">
    </ui:define>

</ui:composition>
